<!--
 * @Author: guojinxin_hub 1907745233@qq.com
 * @Date: 2023-12-19 13:45:25
 * @LastEditors: guojinxin_hub 1907745233@qq.com
 * @LastEditTime: 2024-09-14 14:06:42
 * @FilePath: \yongqing-county\src\components\SubTitle\SubTitle.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="sub-title">
    {{ titleText }}
  </div>
</template>

<script>
import { reactive } from 'vue'

export default {
  name: 'SubTitle',
  props: {
    width: {
      type: [Number, String],
      default: 181,
    },
    titleText: {
      type: String,
      default: '默认标题',
    },
  },
  setup(props) {
    const self = reactive({})
    return {
      props,
    }
  },
}
</script>

<style scoped lang="scss">
.sub-title {
  margin-top: 0px;
  width: v-bind("props.width+'px'");
  background: url('~@/assets/images/基础/二级标题/小标题_w180@2x.png') no-repeat;
  background-size: 100% 100%;
  // @include Width(v-bind("props.width"));
  // @include wHeight(25);

  // @include MarginTop(20);
  box-sizing: border-box;
  color: #fff;
  font-size: 27px;
  padding-left: 36px;
}
</style>
